<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>铁友轨道交通-产品中心</title>
    <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1">
    <link rel="stylesheet" href="../css/index.css">
<link href="../css/index.css" rel="stylesheet"></head>
<body>
<div class="header"></div>
<div class="bannerInset">
    <img src="../images/bannerInset.jpg" alt="">
</div>

<div class="titleInset container">
    <div>
        <h3>产品中心</h3>
        <span>Product Center</span>
    </div>
</div>

<section class="insetToTop productInset">
    <ul class="flex_row flex_space_start flex_wrap container">
        <li class="col-4 productInset-item hvr-glow hvr-float-shadow">
            <div class="productInset-img">
                <a href="#"><img src="../images/product1.jpg"></a>
            </div>
            <div class="productInset-detail flex_column align-items_center">
                <div>
                    <h4>城市轨道交通再生制动能量回馈系列</h4>
                    <p>Urban rail transit, regenerative
                        braking, energy feedback</p>
                </div>
            </div>
        </li>
        <li class="col-4 productInset-item hvr-glow hvr-float-shadow">
            <div class="productInset-img">
                <a href="#"><img src="../images/product1.jpg"></a>
            </div>
            <div class="productInset-detail flex_column align-items_center">
                <div>
                    <h4>城市轨道交通再生制动能量回馈系列</h4>
                    <p>Urban rail transit, regenerative
                        braking, energy feedback</p>
                </div>
            </div>
        </li>
        <li class="col-4 productInset-item hvr-glow hvr-float-shadow">
            <div class="productInset-img">
                <a href="#"><img src="../images/product1.jpg"></a>
            </div>
            <div class="productInset-detail flex_column align-items_center">
                <div>
                    <h4>城市轨道交通再生制动能量回馈系列</h4>
                    <p>Urban rail transit, regenerative
                        braking, energy feedback</p>
                </div>
            </div>
        </li>
        <li class="col-4 productInset-item hvr-glow hvr-float-shadow">
            <div class="productInset-img">
                <a href="#"><img src="../images/product1.jpg"></a>
            </div>
            <div class="productInset-detail flex_column align-items_center">
                <div>
                    <h4>城市轨道交通再生制动能量回馈系列</h4>
                    <p>Urban rail transit, regenerative
                        braking, energy feedback</p>
                </div>
            </div>
        </li>
        <li class="col-4 productInset-item hvr-glow hvr-float-shadow">
            <div class="productInset-img">
                <a href="#"><img src="../images/product1.jpg"></a>
            </div>
            <div class="productInset-detail flex_column align-items_center">
                <div>
                    <h4>城市轨道交通再生制动能量回馈系列</h4>
                    <p>Urban rail transit, regenerative
                        braking, energy feedback</p>
                </div>
            </div>
        </li>
        <li class="col-4 productInset-item hvr-glow hvr-float-shadow">
            <div class="productInset-img">
                <a href="#"><img src="../images/product1.jpg"></a>
            </div>
            <div class="productInset-detail flex_column align-items_center">
                <div>
                    <h4>城市轨道交通再生制动能量回馈系列</h4>
                    <p>Urban rail transit, regenerative
                        braking, energy feedback</p>
                </div>
            </div>
        </li>
        <li class="col-4 productInset-item hvr-glow hvr-float-shadow">
            <div class="productInset-img">
                <a href="#"><img src="../images/product1.jpg"></a>
            </div>
            <div class="productInset-detail flex_column align-items_center">
                <div>
                    <h4>城市轨道交通再生制动能量回馈系列</h4>
                    <p>Urban rail transit, regenerative
                        braking, energy feedback</p>
                </div>
            </div>
        </li>
        <li class="col-4 productInset-item hvr-glow hvr-float-shadow">
            <div class="productInset-img">
                <a href="#"><img src="../images/product1.jpg"></a>
            </div>
            <div class="productInset-detail flex_column align-items_center">
                <div>
                    <h4>城市轨道交通再生制动能量回馈系列</h4>
                    <p>Urban rail transit, regenerative
                        braking, energy feedback</p>
                </div>
            </div>
        </li>
    </ul>

    <div class="container flex_row flex_space_between productInset-pagination">
        <div>
            当前显示 <span>01-09条</span> 共 <span>54条</span>
        </div>
        <div class="pagination">
            <ul class="flex_row flex_space_center">
                <li><a href="">首页</a></li>
                <li><a href="">上一页</a></li>
                <li><a class="active0" href="">1</a></li>
                <li><a href="">2</a></li>
                <li><a href="">3</a></li>
                <li>...</li>
                <li><a href="">14</a></li>
                <li><a href="">15</a></li>
                <li><a href="">下一页</a></li>
                <li><a href="">末页</a></li>
            </ul>
        </div>
        <div>

        </div>
    </div>
</section>


<div class="footer"></div>
<script type="text/javascript" src="../js/index.js"></script></body>
</html>